<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--    块级元素,独占一行 -->
    <marquee>m1</marquee>
    <marquee>m2</marquee>
    <h1>h1</h1>
    <h1>h12</h1>
     <p>p1</p>
     <p>p2</p>
    <div>d1啊啊啊</div>
    <div>d2啊啊啊啊</div>

    <!--    行内元素,不独占一行 -->
    <input type="text">
    <input type="text">
    <span>s1</span>
    <span>s2</span>


    <!--1.块级元素可以写行内元素，块级元素（什么都能写）,特殊：但是h1和h6不能相互嵌套，p标签不能写块元素包括p自己-->
    <div>
        <input type="text">
        <span> aaaa</span>
        <div>3333333333</div>
    </div>

    <!--2.行内元素可以写行内元素，但不能写块级元素  ,会错乱-->
    <span>
        <span>1</span>
        <input>
        <span>2</span>
        <div>11212</div>
    </span>


</body>
</html>